<template>
    <div>
        <div class="site-footer">
            <el-row>
                <el-col :span="8">
                    <p>客服邮箱：whether.test@whu.edu.cn</p>
                    <p>客服电话：027-68775550</p>
                </el-col>
                <el-col :span="8">
                    <p>广告服务：010-58991910</p>
                    <p>商务合作：010-58991806</p>
                </el-col>
                <el-col :span="8">
                    <el-row>
                        <el-col :span="8">
                            <p><img width="60px" height="60px" src="../assets/images/weibo.png" /></p>
                        </el-col>
                        <el-col :span="8">
                            <p><img width="60px" height="60px" src="../assets/images/weibo.png" /></p>
                        </el-col>
                        <el-col :span="8">
                            <p><img width="60px" height="60px" src="../assets/images/weibo.png" /></p>
                        </el-col>
                    </el-row>
                </el-col>
            </el-row>
        </div>
        <div class="copyright">
            中国天气网版权所有，未经书面授权禁止使用        Copyright©中国气象局公共气象服务中心 All Rights Reserved (2008-2020)
        </div>
    </div>
</template>

<script>
export default {
    name: "Footer"
};
</script>

<style scoped>
.site-footer {
    background-color: #e6e6e6;
    padding: 15px 15px 15px 25px;
    margin-top: 20px;
}

.copyright {
    color: #fff;
    background-color: #545c64;
    text-align: center;
    padding: 10px;
}
</style>